<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header :: header('编辑')"></head>
<link th:href="@{/statics/plugins/wizard/wizard.css}" rel="stylesheet"/>
<body>
<div id="dpLTE" class="widget-body" v-cloak>
	<div id="wizard" class="wizard" data-target="#wizard-steps" style="border-left: none; border-top: none; border-right: none;">
		<ul class="steps">
			<li data-target="#step-1" class="active"><span class="step">1</span>系统菜单<span class="chevron"></span></li>
			<li data-target="#step-2"><span class="step">2</span>系统按钮<span class="chevron"></span></li>
			<li data-target="#step-3"><span class="step">3</span>系统视图<span class="chevron"></span></li>
		</ul>
	</div>

	<div class="step-content" id="wizard-steps" style="border-left: none; border-bottom: none; border-right: none;">
		<div class="step-pane active" id="step-1" style="margin-left: 0px; margin-top: 15px; margin-right: 30px;">
			<table class="form" id="form">
				<tr>
					<input id="moduleId" type="hidden" />
					<th class="formTitle">编号<font face="宋体">*</font></th>
					<td class="formValue">
						<input id="enCode" type="text" class="form-control" placeholder="请输入编号" isvalid="yes" checkexpession="NotNull" />
					</td>
					<th class="formTitle">名称<font face="宋体">*</font></th>
					<td class="formValue">
						<input id="fullName" type="text" class="form-control" placeholder="请输入名称" isvalid="yes" checkexpession="NotNull" />
					</td>
				</tr>
				<tr>
					<th class="formTitle">上级</th>
					<td class="formValue">
						<div id="parentId" type="selectTree" class="ui-select">
						</div>
					</td>
					<th class="formTitle">图标</th>
					<td class="formValue">
						<input id="icon" type="text" class="form-control" />
						<span class="input-button" onclick="selectIcon()" title="选取图标">...</span>
					</td>
				</tr>
				<tr>
					<th class="formTitle">目标<font face="宋体">*</font></th>
					<td class="formValue">
						<div id="target" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull">
							<ul>
								<li data-value="expand">expand</li>
								<li data-value="iframe">iframe</li>
								<li data-value="open">open</li>
								<li data-value="href">href</li>
								<li data-value="blank">blank</li>
							</ul>
						</div>
					</td>
					<th class="formTitle">排序<font face="宋体">*</font></th>
					<td class="formValue">
						<input id="sortCode" type="text" class="form-control" isvalid="yes" checkexpession="Num" />
					</td>
				</tr>
				<tr>
					<th class="formTitle">地址</th>
					<td class="formValue" colspan="3">
						<input id="urlAddress" type="text" class="form-control" />
					</td>
				</tr>
				<tr>
					<th class="formTitle" style="height: 37px;">选项</th>
					<td class="formValue">
						<div class="checkbox user-select">
							<label>
								<input id="isMenu" type="checkbox" />
								菜单
							</label>
							<label>
								<input id="isPublic" type="checkbox" />
								公共
							</label>
							<label>
								<input id="allowExpand" type="checkbox" />
								展开
							</label>
							<label>
								<input id="enabledMark" type="checkbox" checked="checked" />
								有效
							</label>
						</div>
					</td>
				</tr>
				<tr>
					<th class="formTitle" valign="top" style="padding-top: 4px;">描述
					</th>
					<td class="formValue" colspan="3">
						<textarea id="description" class="form-control" style="height: 70px;"></textarea>
					</td>
				</tr>
			</table>
		</div>
		<div class="step-pane" id="step-2" style="margin: 5px;">
			<div style="height: 40px; line-height: 33px; text-align: right;">
				<div class="btn-group">
					<a id="sx-add-button" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;新增</a>
					<a id="sx-edit-button" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
					<a id="sx-delete-button" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
				</div>
				<div class="btn-group">
					<a id="sx-copy-button" class="btn btn-default"><i class="fa fa-copy"></i>&nbsp;复制</a>
				</div>
			</div>
			<table id="gridTable-button"></table>
		</div>
		<div class="step-pane" id="step-3" style="margin: 5px;">
			<div style="height: 40px; line-height: 33px; text-align: right;">
				<div class="btn-group">
					<a id="sx-add-view" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;新增</a>
					<a id="sx-edit-view" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
					<a id="sx-delete-view" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
				</div>
				<!--<div class="btn-group">-->
					<!--<a id="sx-batch-addview" class="btn btn-default"><i class="fa fa-sign-in"></i>&nbsp;批量添加</a>-->
				<!--</div>-->
			</div>
			<table id="gridTable-view"></table>
		</div>
	</div>
</div>
<div class="form-button" id="wizard-actions">
	<a id="btn_last" disabled class="btn btn-default btn-prev">上一步</a>
	<a id="btn_next" disabled class="btn btn-default btn-next">下一步</a>
	<a id="btn_finish" class="btn btn-success">完成</a>
</div>

<div th:include="include/footer_jqGrid :: footer"></div>
<script th:src="@{/statics/plugins/wizard/wizard.js}"></script>
<script th:src="@{/statics/js/authorize/module/edit.js}"></script>
</body>
</html>